<template>
  <div
    class="d-flex mb-4"
    style="column-gap: 1%"
  >
    <!-- #region template -->
    <BBadge>Primary</BBadge>
    <BBadge variant="secondary">Secondary</BBadge>
    <BBadge variant="success">Success</BBadge>
    <BBadge variant="danger">Danger</BBadge>
    <BBadge variant="warning">Warning</BBadge>
    <BBadge variant="info">Info</BBadge>
    <BBadge variant="light">Light</BBadge>
    <BBadge variant="dark">Dark</BBadge>
  </div>
  <!-- #endregion template -->
</template>
